<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- IE 浏览器运行最新的渲染模式下 -->
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <!-- 国产浏览器默认采用高速模式渲染页面 -->
  <meta name="renderer" content="webkit">
  <title>VR首页</title>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/icon/font-awesome.min.css">
  <link rel="stylesheet" href="css/animate.css">
  <link rel="stylesheet" href="css/index.css">
</head>

<body>
  <nav class="navbar navbar-fixed-top navbar-inverse" data-0="line-height:100px; height:100px; background-color:rgba(0,0,0,0);"
    data-300="line-height:60px; height:60px; background-color:rgba(0,0,0,1);">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="index.html">
          <img src="images/logo.png" alt="">
          <span>萝卜特甜</span>
        </a>
      </div>

      <div id="navbar" class="collapse navbar-collapse navbar-right">
        <ul class="nav navbar-nav">
          <li>
            <a href="">特甜VR</a>
          </li>
          <li>
            <a href="">全视界全景</a>
          </li>
          <li>
            <a href="">关于我们</a>
          </li>
          <li>
            <a href="contact.html">联系我们</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <!-- ***/header*** -->
  <section class="slider">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
      </ol>

      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="images/slide4.jpg" alt="...">
        </div>
        <div class="item">
          <img src="images/slide7.jpg" alt="...">
        </div>
        <div class="item">
          <img src="images/slide8.jpg" alt="...">
        </div>
      </div>
    </div>
    </div>
  </section>
  <!-- ***/slider*** -->

  <section class="estate">
    <div class="container-fluid">
      <div class="row estate-title wow bounceIn">
        <h1>VR房产</h1>
        <h2>虚拟现实 助力未来之家</h2>
      </div>
      <div class="row pad-top40 pad-bot40">
        <div class="col-md-6 align-center wow slideInLeft">
          <h3>有了虚拟样板间，一定得去售楼处看房？</h3>
          <p>千里之外，运筹帷幄，异地销售，带着你的“样板间”上门看房，让你的服务快人一步</p>
          <h3>还在想办法寻找客户，打电话发传单？</h3>
          <p>这些你都OUT了，有了虚拟样板间，商场、公司、车站随时随地让客户感受最真实的看房体验</p>
          <h3>宣传成本太高，用户接受度低？</h3>
          <p>有了虚拟样板间，用智慧压缩成本，以最新的VR技术，让客户在探索的兴趣中感受未来之家</p>
        </div>
        <div class="col-md-6 wow slideInRight">
          <img class="center-block max-width" src="images/visit.png" alt="">
        </div>
      </div>
      <div class="row bg-gray pad-top40 pad-bot40">
        <div class="col-md-6 wow slideInLeft">
          <img class="center-block max-width" src="images/oculus.png" alt="">
        </div>
        <div class="col-md-6 align-center wow slideInRight">
          <h2>想要拉长销售窗口期,快人一步?</h2>
          <p>当别人还在按部就班平整场地、施工招投标、设计建造好售楼中心、一系列样板房后才开始销售的时候</p>
          <p>现在你只要有样板房的设计图纸，特甜VR在7-10天内就能完成一套300平米的虚拟样板间</p>
          <p>通过VR技术，至少可以提前半年就开始进行营销，提前蓄客，使销售的窗口期提前并且拉长</p>
        </div>
      </div>
      <div class="row pad-top40 pad-bot40">
        <div class="col-md-6 align-center wow slideInLeft">
          <h3>每个户型建一个样板间，超出预算？</h3>
          <p>有了虚拟样板间，一套方案满足所有需求，多个户型同时开发数据复用为你节省每一笔投入</p>
          <h3>样板房不需要个性化？</h3>
          <p>特甜VR可以让客户在体验的过程中对样板房内的装修、陈设进行DIY改造</p>
          <p>只需挥动手柄，就可以换成你自己选择的装修色调、家居风格</p>
        </div>
        <div class="col-md-6 wow slideInRight">
          <img class="center-block max-width" src="images/browser.png" alt="">
        </div>
      </div>
    </div>
  </section>
  <!-- ***/estate*** -->

  <section class="section-case">
    <div class="container">
      <div class="row">
        <div class="pad-top40 pad-bot40">
          <img class="center-block max-width" src="images/t1.png" alt="">
        </div>
      </div>
    </div>
  </section>
  <!-- ***/case*** -->

  <section class="section-show">
    <div class="container">
      <div class="estate-title wow bounceIn" data-wow-duration="1s">
        <h2>案例展示</h2>
        <h2>VR1.0</h2>
        <h3>微信扫码 开启未来之家</h3>
      </div>
      <div class="row mar-top40">
        <div class="col-md-4">
          <div class="show-vrbox">
            <div class="show-vrimg">
              <img class="img-responsive" src="images/portfolio/xlys.jpg" alt="">
            </div>
            <div class="show-vrtext">
              <span>镇江 ▪ 宝华</span>
              <span>碧桂园仙林云墅</span>
              <span>198平别墅</span>
              <span>上下叠墅</span>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="show-vrbox">
            <div class="show-vrimg">
              <img class="img-responsive" src="images/portfolio/xlys.jpg" alt="">
            </div>
            <div class="show-vrtext">
              <span>镇江 ▪ 宝华</span>
              <span>碧桂园仙林云墅</span>
              <span>198平别墅</span>
              <span>上下叠墅</span>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="show-vrbox">
            <div class="show-vrimg">
              <img class="img-responsive" src="images/portfolio/xlys.jpg" alt="">
            </div>
            <div class="show-vrtext">
              <span>镇江 ▪ 宝华</span>
              <span>碧桂园仙林云墅</span>
              <span>198平别墅</span>
              <span>上下叠墅</span>
            </div>
          </div>
        </div>
      </div>
      <div class="row mar-top40">
        <div class="col-md-4">
          <div class="show-vrbox">
            <div class="show-vrimg">
              <img class="img-responsive" src="images/portfolio/xlys.jpg" alt="">
            </div>
            <div class="show-vrtext">
              <span>镇江 ▪ 宝华</span>
              <span>碧桂园仙林云墅</span>
              <span>198平别墅</span>
              <span>上下叠墅</span>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="show-vrbox">
            <div class="show-vrimg">
              <img class="img-responsive" src="images/portfolio/xlys.jpg" alt="">
            </div>
            <div class="show-vrtext">
              <span>镇江 ▪ 宝华</span>
              <span>碧桂园仙林云墅</span>
              <span>198平别墅</span>
              <span>上下叠墅</span>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="show-vrbox">
            <div class="show-vrimg">
              <img class="img-responsive" src="images/portfolio/xlys.jpg" alt="">
            </div>
            <div class="show-vrtext">
              <span>镇江 ▪ 宝华</span>
              <span>碧桂园仙林云墅</span>
              <span>198平别墅</span>
              <span>上下叠墅</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- ***/show*** -->

  <!-- <section class="section-video mar-top40">
    <div class="container">
      <div class="row align-center">
        <h2>VR2.0</h2>
        <h2>全场景 沉浸式 极致看房体验</h2>
      </div>
      <div>
        <div class="align-center">
          <iframe height=498 width=80% src='http://player.youku.com/embed/XMTgxMjE4MTQ3Mg==' frameborder=0 'allowfullscreen'></iframe>
        </div>
      </div>
    </div>
  </section> -->
  <!-- ***/video*** -->

  <section class="section-advantage pad-hei80 mar-top40">
    <div class="container">
      <div class="row">
        <div class="pad-top40 pad-bot40">
          <img class="center-block max-width" src="images/t2.png" alt="">
        </div>
      </div>
    </div>
  </section>
  <!-- ***/case*** -->

  <section class="pad-hei80">
    <div class="container">
      <div class="row align-center estate-title wow bounceIn" data-wow-duration="2s">
        <h2>我们的优势</h2>
        <h3>技术驱动创新 服务引领行业</h3>
      </div>
      <div class="row">
        <div class="col-md-4 align-center">
          <i class="fa fa-diamond fa-5x mar-bot20"></i>
          <h4>服务</h4>
          <p class="advantage-desc">VR平台的内容分发与线下交互式体验等营销解决方案，帮助客户有效收集市场反馈信息，及时制定针对性营销决策</p>
        </div>
        <div class="col-md-4 align-center">
          <i class="fa fa-flash fa-5x mar-bot20"></i>
          <h4>服务</h4>
          <p class="advantage-desc">采用先进的VR开发引擎，配套顶尖的VR硬件，实现区域规划、园林景观、项目单体、样板间等全场景的交互式极致漫游体验</p>
        </div>
        <div class="col-md-4 align-center">
          <i class="fa fa-line-chart fa-5x mar-bot20"></i>
          <h4>服务</h4>
          <p class="advantage-desc">超短制作周期，将项目入市时间前置150天，VR地产技术应用，可帮您减少80%左右的项目成本</p>
        </div>
      </div>
    </div>
  </section>
  <!-- ***/advantage*** -->

  <section class="section-cooperation pad-hei80 mar-top40">
    <div class="container">
      <div class="row">
        <div class="pad-top40 pad-bot40">
          <img class="center-block max-width" src="images/t5.png" alt="">
        </div>
      </div>
    </div>
  </section>

  <section class="pad-hei80">
    <div class="container">
      <div class="row align-center estate-title wow bounceIn" data-wow-duration="2s">
        <h2>合作伙伴</h2>
      </div>
      <div>
        <div class="col-md-3">
          <a class="btn paterner-btn" href="" style="background: url(images/paterner/biguiyuan.jpg) no-repeat center center/contain;"></a>
        </div>
        <div class="col-md-3">
          <a class="btn paterner-btn" href="" style="background: url(images/paterner/henda.jpg) no-repeat center center/contain;"></a>
        </div>
        <div class="col-md-3">
          <a class="btn paterner-btn" href="" style="background: url(images/paterner/jinglun.jpg) no-repeat center center/contain;"></a>
        </div>
        <div class="col-md-3">
          <a class="btn paterner-btn" href="" style="background: url(images/paterner/wanda.jpg) no-repeat center center/contain;"></a>
        </div>
      </div>
      <div>
        <div class="col-md-3">
          <a class="btn paterner-btn" href="" style="background: url(images/paterner/gcdt.jpg) no-repeat center center/contain;"></a>
        </div>
        <div class="col-md-3">
          <a class="btn paterner-btn" href="" style="background: url(images/paterner/zt.jpg) no-repeat center center/contain;"></a>
        </div>
        <div class="col-md-3">
          <a class="btn paterner-btn" href="" style="background: url(images/paterner/gc.jpg) no-repeat center center/contain;"></a>
        </div>
        <div class="col-md-3">
          <a class="btn paterner-btn" href="" style="background: url(images/paterner/wawj.jpg) no-repeat center center/contain;"></a>
        </div>
      </div>
      <div>
        <div class="col-md-3">
          <a class="btn paterner-btn" href="" style="background: url(images/paterner/vive.jpg) no-repeat center center/contain;"></a>
        </div>
        <div class="col-md-3">
          <a class="btn paterner-btn" href="" style="background: url(images/paterner/unreal.jpg) no-repeat center center/contain;"></a>
        </div>
        <div class="col-md-3">
          <a class="btn paterner-btn" href="" style="background: url(images/paterner/nibiru.jpg) no-repeat center center/contain;"></a>
        </div>
        <div class="col-md-3">
          <a class="btn paterner-btn" href="" style="background: url(images/paterner/oculs.jpg) no-repeat center center/contain;"></a>
        </div>
      </div>
    </div>
  </section>
  <!-- ***/Cooperation**** -->

  <footer class="footer">
    <div class="container align-center">
      <div class="row">
        <ul>
          <li>
            <a href="">
              <img src="images/taobao.png" alt="">
            </a>
          </li>
          <li>
            <a href="">
              <i class="fa fa-weixin"></i>
            </a>
          </li>
          <li>
            <a href="">
              <i class="fa fa-html5"></i>
            </a>
          </li>
        </ul>
      </div>
      <div class="row">
        <p>&copy;2016 南京萝卜特甜信息科技有限公司</p>
        <p>
          <small>
            <i class="fa fa-building-o"></i>
            南京市建邺区江东中路98号河西万达广场F座812室
          </small>
        </p>
        <h4 class="footer-number ">
          <strong>
            <i class="fa fa-phone"></i>
            025-66911667
          </strong>
        </h4>
        <p class="footer-number">
          <small>
            <i class="fa fa-shield"></i>
            苏ICP备15041839号
          </small>
        </p>
      </div>
    </div>
  </footer>
  <!-- *** /footer *** -->
  <script src="js/jquery.js"></script>
  <script src="js/wow.min.js"></script>
  <script>
    var wow = new WOW({
      boxClass: 'wow',
      animateClass: 'animated',
      offset: 50,
      mobile: true,
      live: true
    });
    wow.init();
  </script>
  <script src="js/skrollr.min.js"></script>
  <script>
    var s = skrollr.init();
  </script>
  <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
    crossorigin="anonymous"></script>
  <script>
    $('.carousel').carousel({
      interval: 2000
    })
  </script>
</body>

</html>